/* 居中模块 */
.margin{width: 1190px; margin: 0 auto;}
/* body背景 */
body{background: #f6f6f6;}
/* 头部 */
header{height: 38px; background: #f6f6f6;}
header .left{float: left; text-align:center;}
header .left li{float: left; font:12px/38px ""; color: #000; padding: 0 10px;}
header .left .welcome{display: none;}
header .left .welcome #logout{ color: red;}
header .left li:nth-child(1) a{color: red;}
header .right{ float: right; text-align: center;}
header .right li{float: left; font:12px/38px ""; color: #000;padding: 0 10px;}
header .right li:nth-child(2) a{color: red;}
header .right li.active{background-image: none;}
/* 头部结束 */
/* 导航栏开始 */
nav{background: #fff; }
/* 导航栏上部设置为弹性盒子，使得自适应 */
nav .top{display:flex;}
/* logo直接图片链接 */
nav .top .logo{ margin: 24px 60px 15px 2px;}
/* 导航栏上部居中位置 */
nav .top .search{margin-top: 30px;position: relative;}
nav .top .search .tet{ width:350px; height: 35px; padding-left:10px ; border:1px solid #ccc; border-right:0 ; border-radius:5px 0 0 5px;}
nav .top .search .btn{ width:40px; height: 37px; float: right; background: red; border: none; color: #fff;border-radius:0 5px 5px 0;}
/* 搜索框下部文字链接 */
nav .top .search p {display: flex;}
nav .top .search p a{display: block; margin: 3px 5px 0 0 ;} 
nav .top .search p a:hover{color: orange;}
/* 搜索框下部文字链接结束 */
/* 搜索框下部列表 */
.search-res {position: absolute; top: 100%;left: 0; width: 350px; border: 1px solid #b6b6b6; border-top: none; z-index: 1;}
.search-res li {position: absolutelist-style-type: none;line-height: 20px; padding: 2px 5px;border-bottom: 1px solid #b6b6b6;}
/* 导航栏上部中间位置结束 */
/*导航栏上部右侧位置结束，直接图片加载  */
nav .top .activity ul{display: flex; text-align: center; margin: 30px 0 0 40px;}
nav .top .activity ul li{display: flex; background: url(../images/n3.png) no-repeat right center; padding: 0 10px; font: 14px/36px ""; margin: 0 5px;}
nav .top .activity ul li:last-child{background-image: none;}
nav .top .activity ul li img{width: 40px; height: 37px;}
nav .top .activity ul li span{ margin: 0 5px;}
/* 导航栏右侧上部结束 */
/* 导航栏上部结束 */
/* 导航栏下部 */
nav .bottom{position: relative;}
nav .bottom ul{ display: flex;}
nav .bottom ul li .ej{display: block; font:300 18px/50px ""; padding: 0 10px; color: #000;}
nav .bottom ul li.active{background: #ff464e; color: #fff; border-radius: 5px 5px 0 0;}
/* 二级菜单样式 */
.ej_show{height: 250px;position: absolute;top: 53px;width:100% ;left: 0;z-index: 99999; background-color:rgba(0, 0, 0, .2);box-shadow: 0 3px 4px rgba(0,0,0,.18);border-top: 1px solid #e0e0e0;}
.ej_show li{position:absolute; top: 0;left: 0; width: 100%; text-align: center;display: none;}
.ej_show li a{float: left;margin: 0 10px;}
.ej_show li img{width: 250px;height: 250px;}
/* 导航栏下部结束 */
/* 导航栏结束 */
/* 红色分割线 */
#te{background:#ff464e; height: 3px;}
/* 主体模块，包括阶梯菜单和轮播图 */
/* 设置弹性盒子左右排序 */
#banner .margin{display: flex;}
/* 设置弹性盒子，让两个ul左右排序 */
#banner .left{display: flex;}
#banner .left ul{background: #fff; overflow: hidden; height: 380px;}
#banner .left ul li{padding:10px 33px; border-bottom: 1px dotted #ccc; font: 14px/34px "";}
#banner .left ul li:nth-child(7){ border-bottom: 0;}
#banner .left ul li a:hover{color: red;}
/* 中间轮播图模块 */
#banner .center{ width: 700px; height: 360px; position: relative; margin: 20px 25px 0 25px; overflow: hidden;} 
/* 划过让元素类型显示 */
.slider:hover .arrow {display: block;}
/* 设置左右箭头样式 */
.arrow-left, .arrow-right {font-family: "SimSun", "宋体"; width: 30px; height: 60px;background-color: rgba(0, 0, 0, 0.1);position: absolute; top: 50%;margin-top: -30px;cursor: pointer; text-align: center;line-height: 60px;color: #fff;font-weight: 700;font-size: 30px;}
/* 鼠标划过让左右箭头透明度改变 */
  .arrow-left:hover,.arrow-right:hover {background-color: rgba(0, 0, 0, .5);}
/* 单独设置左右箭头定位位置 */
  .arrow-left { left: 0;}
  .arrow-right {right: 0;}
/* 添加的元素 */
#banner .center .list{width: 90px;height: 30px;position: absolute;left: 300px;bottom: 0;display: flex;}
#banner .center .list span{flex: 1; line-height: 30px;text-align: center;border-radius: 50%; background: rgba(255, 255, 255, 0.5); padding: 0 10px;}
#banner .center .list span.active{background:#ccc;color: #fff;}
#banner .list span{ margin: 0 10px; background: rgba(255, 255, 255, 0.5);}
/* 右边模块 */
#banner .right ul{width:249px;display: flex; flex-wrap: wrap; overflow: hidden; margin-top: 20px;}
#banner .right ul li{border-bottom: 1px solid #ccc;}
#banner .right ul li:nth-child(1){border-right:1px solid #ccc;}
#banner .right ul li:nth-child(3){border-right:1px solid #ccc;}
#banner .right ul li:nth-child(5){border-bottom:none;}
/* 右边结束 */
/* 主体区结束 */
/* 品牌开始 */
/* 设置与上边的距离 */
#brand{margin-top: 20px;}
#brand .margin{ background:#fff; }
/* 品牌上部 */
#brand #day .top{ margin-left: 15px; font: 18px/48px ""; }
#brand #day .top span{ color:#c40000;}
#brand #day .top em{float: right;font: 15px/48px ""; margin-right: 15px;  }
#brand #day .top em a{color: red;}
/* 品牌中部 */
#brand #day .center ul{ display: flex; text-align: center;}
#brand #day .center ul li{ margin-left:15px; background:#f6f6f6;}
#brand #day .center ul li a img{ width: 278px; height: 130px;}
#brand #day .center ul li a font{ float: left; font: 12px/40px ""; margin-left: 15px;}
#brand #day .center ul li a span{ float: right;  display:block; margin-right: 15px; height: 25px; width: 60px;font: 13px/25px ""; color: #ff464e; border-radius: 5px; margin-top: 8px;}
#brand #day .center ul li a span:hover{ color: #fff; background: #ff464e;}
/* 品牌下部设置弹性盒子 */
#brand #day .bottom{ display: flex;}
#brand #day .bottom1{ display: flex;align-items: center; justify-content:center; height: 80px; }
#brand #day .bottom1 span{ width: 40px; height: 30px; background: #ff464e; color: #fff; border-radius: 5px; line-height: 30px; padding: 0 10px;}
#brand #day .bottom1 ul{ display: flex;}
#brand #day .bottom1 ul li{ border:1px solid #ccc; padding:10px; margin: 0 10px; border-radius: 5px;}
#brand #day .bottom span{ font: 15px/60px ""; margin-left: 15px;}
#brand #day .bottom ul{ display: flex; align-items: center;}
#brand #day .bottom ul li{ margin-left:46px;}
#brand #day .bottom ul li a img{width: 70px; height: 35px;}
#brand #day .bottom .active{margin-left: 45px;}
#brand #day .bottom span a{color: red;}
/* 品牌结束 */
/* 新品 */
main{margin-top: 20px;}
main .margin{ background: #fff;}
main #newPing .top{ margin-left: 15px; font: 18px/48px ""; }
main #newPing .top span{ font:15px/24px ""; color: #ccc; margin-left: 10px;}
main #newPing .top em{float: right;font: 12px/48px ""; margin-right: 15px;  }
main #newPing .center{ margin-bottom: 30px;}
main #newPing .center .cont ul{overflow: hidden;}
main #newPing .center .cont ul li{width: 220px;float: left;margin:15px 0 0 15px;}
main #newPing .center .cont ul li  a img{width: 220px;height: 220px;}
main #newPing .center .cont ul li span{display: block;margin: 10px 0;}
main #newPing .center .cont ul li p{height: 40px;line-height: 20px;color: #ff464e;}
/* 新品结束 */
/* 底部开始 */
footer{ margin-top: 20px;}
footer .active{background:#ff464e; height: 3px;}
footer .margin{padding: 30px 30px 0 40px;box-sizing:border-box;}
footer .top{ display: flex;position: relative; }
footer .top .left span{ font: 14px/24px "";}
footer .top .center{display: flex;}
footer .top dt{ font-size: 15px; font-weight: 900; margin:0 0 10px 60px;}
footer .top dd{margin:0px 60px; font: 12px/24px "";}
footer .top .right .te{ background: url(http://jp.juancdn.com/juanpi/images/global/service_add.gif?20160113) no-repeat; width: 86px; height: 42px; margin-left: 34px; }
footer .top .right .te a{display:block;width: 86px; height: 42px;}
footer .top .right .te:hover{ background-position: 0 -47px;}
footer .top .right span{ color: rgb(151, 151, 151);}
footer .top .right .a1{ position: absolute; right:80px; top: 8px;}
footer .top .right .a2{ position: absolute; right:72px; top: 25px;}
footer .top .right p{font: 12px/60px ""; color: rgb(151, 151, 151); margin-left: 70px;}
footer .center p{border-bottom: 1px solid #ccc; font: 13px/40px ""; margin-bottom: 20px;}
footer .center p a{ display: inline; margin-left: 20px;}
footer .center span{float: right;}
footer .bottom p{ font:12px/20px ""; color:#ccc;text-align: center;}
footer .bottom ul{display: flex; justify-content: center; margin:10px 0 30px 0;}
footer .bottom ul li{ margin: 0 10px;}
/* 底部结束 */
/* 定位菜单 */
#active{height:274px;position:fixed;right:40px;margin:auto;top:30px;bottom:0;}
#active a{display:block;width:60px;height:60px;color:rgb(32, 31, 31);text-align:center;font:12px/60px "";margin:4px;background: rgba(200,200,200,0.4);}








